﻿<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="utf-8" content="先剑科技工作室">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="keywords" content="先剑科技工作室">

    <meta name="description" content="先剑科技工作室">

    <meta content="yes" name="apple-mobile-web-app-capable"/>

    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>

    <meta content="telephone=no" name="format-detection"/>

    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./css/index.css" id="ucssurl">
    <link rel="stylesheet" href="./css/font-awesome.css">
    <link rel="stylesheet" href="./css/animate.min.css">

    <link rel="stylesheet" href="./css/swiper.min.css">
    <script type="text/javascript" src="./js/jquery-1.11.3.min.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/swiper.animate1.0.3.min.js"></script>
    <link rel="stylesheet" href="./css/more.css">


    <title>先剑科技工作室</title>

</head>

<body class="page_body">
<!-- loading -->
<div class="fixg" id='ggsdd'>
    <img src="./picture/loading.png"
         style="width: 180px;position: absolute;top: 50%;left: 50%;margin-left: -150px;margin-top: -150px;" alt="">
</div>
<!-- 导航 -->
<div id="header" class="">

    <div class="content"><a href="./index.html" id="logo"><img src="./picture/logo2.png" class="logo" alt=""/></a>

        <ul id="nav">

            <li class="navitem index_sub0">
                <a class="nav-a active" href="###" target="_self">
                    <span data-title="首页">首页</span><br/>
                    <span class="font14 col666" data-title="Home">HOME</span>
                </a>
            </li>

            <li class="navitem index_sub1">
                <a class="nav-a " href="javascript:;" target="">
                    <span>我们</span>
                    <br/>
                    <span class="font14 col666">ABOUT</span>
                    <i class="fa fa-angle-down"></i>
                </a>
                <ul class="subnav">
                    <li><a href="###" class="sub0" target="_self"><span>关于先剑</span></a></li>
                    <li><a href="###" class="sub1" target="_self"><span>服务理念</span></a></li>
                </ul>
            </li>

            <li class="navitem index_sub2">
                <a class="nav-a " href="javascript:" target="">
                    <span>服务</span>
                    <br/>
                    <span class="font14 col666">SERVICE</span>
                    <i class="fa fa-angle-down"></i>
                </a>
                <ul class="subnav">
                    <li class="sub3"><a href="###" target="_self"><span>新媒体代运营</span></a></li>
                    <li class="sub3"><a href="###" target="_self"><span>活动营销策划</span></a></li>
                    <li class="sub3"><a href="###" target="_self"><span>系统定制开发</span></a></li>
                    <li class="sub3"><a href="###" target="_self"><span>平面美术设计</span></a></li>
                    <li class="sub3"><a href="###" target="_self"><span>媒介资源推广</span></a></li>
                    <li class="sub3"><a href="###" target="_self"><span>影视特效制作</span></a></li>
                </ul>
            </li>
            <li class="navitem index_sub4">
                <a class="nav-a " href="###" target="_self">
                    <span data-title="联系">联系</span><br/>
                    <span class="font14 col666" data-title="CONTACT">CONTACT</span>
                </a>
            </li>
        </ul>
        <div class="clear"></div>
        <div class="bottoms">
            <div class="ullis">
          <span><a href="tencent://Message/?Uin=1332483344&websiteName=q-zone.qq.com&Menu=yes"><i class="fa fa-qq"
                                                                                                  aria-hidden="true"></i></a></span>
                <span><a href="javascript:;"><i class="fa fa-weixin" aria-hidden="true"></i></a></span>
            </div>
            <div class="col999 font14">版权所有 © 2023 先剑科技</div>
            <div class="col999 font14">
                <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备2023032769号-1</a>
                <div style="width:300px;padding:20px 0;">
                    <a target="_blank"
                       href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030502009997"
                       style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img
                            src="/picture/ba.png" style="float:left;"/>
                        <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">粤公网安备
                            44030502009997号</p></a>
                </div>
            </div>
        </div>
    </div>

</div>

<div class="bg_fuwus">
    <!-- 第0个 -->
    <div class="fuwus fuwu0" style="padding-right:19.8%;">
        <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/5c316f60-a533-4146-aebe-234cdcb72f15.jpg"
             alt="" class="animated fadeInDown" style="width: 100%;"/>

        <div class="cont cont0 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/2f483d65-b7ef-4fe5-8e95-fcb3e9c750ea.png"
                 alt=""/>
        </div>
    </div>
    <!-- 第1个 -->
    <div class="fuwus fuwu1" style="padding-right:19.8%;">
        <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/1ebda024-fdae-48ca-a3a7-04dc5c158e20.png"
             alt="" class="animated fadeInDown" style="width: 100%;"/>

        <div class="cont cont0 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/ffe2f9ac-ecaa-4f98-84f0-7ff3ad39da91.png"
                 alt=""/>
        </div>
    </div>
    <!-- 第2个 -->
    <div class="fuwus fuwu2" style="padding-right:19.8%;">
        <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/90f196fb-b421-4cfe-bab9-583e0b1e6852.png"
             alt="" class="animated fadeInDown" style="width: 100%;"/>
        <div class="fenlei animated fadeInLeft" style="animation-delay: 0.3s;">
            <div>
                <div class="zifenlei active">
                    <div>
                        <span>网站建设</span>
                    </div>
                </div>
                <div class="zifenlei">
                    <div>
                        <span>小程序定制</span>
                    </div>
                </div>
                <div class="zifenlei">
                    <div>
                        <span>APP定制开发</span>
                    </div>
                </div>
                <div class="zifenlei">
                    <div>
                        <span>H5定制</span>
                    </div>
                </div>
                <div class="zifenlei">
                    <div>
                        <span>管理系统定制</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="cont cont0 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/2e56a239-2bce-48ac-8d4b-615f89b97f45.png"/>
        </div>
        <div class="cont cont1 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/e96635e4-3608-4f12-8722-495c5966b6f0.png"/>
        </div>
        <div class="cont cont2 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/337a9263-2fd2-48fe-80fa-c8d23f5fb0f7.png"/>
        </div>
        <div class="cont cont3 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/bcd3a376-4bfd-40de-8f31-66f117cf73f9.png"/>
        </div>
        <div class="cont cont4 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/ff7c43d0-c31d-4d53-89d5-d98e115449ad.png"/>
        </div>
    </div>
    <!-- 第3个 -->
    <div class="fuwus fuwu3" style="padding-right:19.8%;">
        <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/06435055-9385-4206-be1c-4e1542db0c28.png"
             class="animated fadeInDown" style="width: 100%;" alt=""/>
        <div class="fenlei animated fadeInLeft" style="animation-delay: 0.3s;">
            <div>
                <div class="zifenlei active">
                    <div>
                        <span>平面设计</span>
                    </div>
                </div>
                <div class="zifenlei">
                    <div>
                        <span>商业拍摄</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="cont cont0 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/b96daed9-44b9-484b-a0cf-84883c2c3199.png"/>
        </div>
        <div class="cont cont1 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/e4ca148d-7746-4696-8393-bf676b98b6c9.png"/>
        </div>
    </div>
    <!-- 第4个 -->
    <div class="fuwus fuwu4" style="padding-right:19.8%;">
        <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/139369a9-f076-41ad-b88e-b7c5474fa866.png"
             class="animated fadeInDown" style="width: 100%;"/>

        <div class="cont cont0 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/f66ba24c-1381-4e45-b70c-92a755435fef.png"/>
        </div>
    </div>
    <!-- 第5个 -->
    <div class="fuwus fuwu5" style="padding-right:19.8%;">
        <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/6a16abc1-3273-40a9-9bac-e68e8cc21e60.png"
             class="animated fadeInDown" style="width: 100%;"/>

        <div class="cont cont0 animated fadeInUp" style="animation-delay: 0.3s;">
            <img src="https://mp-6df6123b-84e2-475c-a150-5c3586676021.cdn.bspapp.com/cloudstorage/9e96f3b4-2e82-47b5-b579-204a87a0191e.png"
                 alt=""/>
        </div>
    </div>

</div>


<div id="head" class="swiper-container-indexpage" style="padding-right:19.8%;">
    <div class="swiper-wrapper">
        <!-- 首页 -->
        <div class="swiper-slide ait100">
            <div id="backgroundimg"
                 style="display: block; background-image: url('./picture/head01.jpg');background-size:100% 100%;">
            </div>
            <div id="backgroundimg1"
                 style="display: block; background-image: url('./picture/head02.jpg');background-size:100% 100%;">
            </div>
            <div class="headContent">
                <ul>
                    <li>
                        <img src="./picture/logo1.png" class="img-responsive center-block ani"
                             swiper-animate-effect="fadeInDown"
                             swiper-animate-duration="1s" swiper-animate-delay="0.1s"
                             style="-webkit-transform: translatey(0);transform: translatey(0);opacity: 1;-webkit-transition: -webkit-transform 0.66s ease-in-out 0s,  opacity 0.66s ease-in-out 0s;transition: transform 0.66s ease-in-out 0s, opacity 0.66s ease-in-out 0s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;">
                    </li>
                    <li>
                        <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s"
                           swiper-animate-delay="0.1s"
                           style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 1;-webkit-transition: -webkit-transform 0.66s ease-in-out 0.15s,  opacity 0.66s ease-in-out 0.15s;transition: transform 0.66s ease-in-out 0.15s, opacity 0.66s ease-in-out 0.15s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;">
                            专注品牌新媒体营销与软件定制开发领域</p>
                    </li>
                    <li>
                        <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s"
                           swiper-animate-delay="0.1s"
                           style="-webkit-transform: translatex(0);transform: translatex(0);opacity: 1;-webkit-transition: -webkit-transform 0.66s ease-in-out 0.3s,  opacity 0.66s ease-in-out 0.3s;transition: transform 0.66s ease-in-out 0.3s, opacity 0.66s ease-in-out 0.3s;-webkit-perspective: 1000;-webkit-backface-visibility: hidden;">
                            Focus on Brand new media marketing &amp; Software custom
                            development
                            areas</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 我们 -->
        <div class="swiper-slide ait100 aboutus" style="    z-index: -1;">
            <!-- 修饰 -->
            <div class="tops">
                <div class="hedi">
                    先剑科技
                </div>
                <div class="hengxian">
                </div>
                <div class="kongzhi">
                    <span class="zuos">prev</span>
                    <span class="yous">next</span>
                </div>
            </div>
            <div class="ab_hd01">
                - About XianJian
            </div>
            <!-- 主体 -->
            <div class="sdc">
                <div class="swiper-pagination swiper-paginations"></div>

                <div class="swiper-container aboutSwiper">
                    <div class="you">
                        <div class="linian">
                            <div class="swiper-pagination pagss"></div>
                            <div class="swiper-wrapper">
                                <div class="wenzi ges2 swiper-slide">
                                    关于先剑 ——
                                </div>
                                <div class="wenzi ges2 swiper-slide">
                                    服务理念 ——
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="swiper-wrapper">

                        <div class="swiper-slide ges anislide">
                            <div class="max1200 re">
                                <div class="bg_02 ani anis" swiper-animate-effect="fadeInLeft"
                                     swiper-animate-duration="1s"
                                     swiper-animate-delay="0.1s"><img src="./picture/about_02.png" style="width:140px;"
                                                                      alt=""></div>
                                <div class="refs max1200s"></div>
                                <div class="refs ani anis" swiper-animate-effect="fadeInLeft"
                                     swiper-animate-duration="1s"
                                     swiper-animate-delay="0.1s">
                                    <img src="./picture/about_03.jpg">
                                </div>
                                <div class="lefs ">
                                    <div class="cents">
                                        <div class="texs">
                                            <div class="tetls"><img src="./picture/about.png" style="max-width:100%;"
                                                                    alt=""
                                                                    class="ani anis" swiper-animate-effect="fadeInRight"
                                                                    swiper-animate-duration="1s"
                                                                    swiper-animate-delay="0.1s">
                                            </div>
                                        </div>
                                        <div style="height: 210px;position: relative;">
                                            <div class="swiper-container swiperscrollbar ani"
                                                 swiper-animate-effect="fadeInUp"
                                                 swiper-animate-duration="1s" swiper-animate-delay="0.1s">
                                                <div class="swiper-wrapper">
                                                    <div class="swiper-slide descss anis">
                                                        <p>
                                                            深圳先剑科技工作室是一家颠覆传统媒体广告，专注于家居生活类新媒体营销的创新型广告营销工作室。</p>
                                                        <p>特有的以策略、运营、设计、开发、推广五大模块为支撑的”五位一体“全方位数字化服务体系，
                                                            为客户提供包括网站企划、活动策划、公众号运营、精准粉丝营销、APP开发、创意海报设计、H5设计、公众平台使用功能开发、全网SEO优化、各大平台DSP等在内的多种类型的服务，
                                                            满足客户的不同需求。先剑致力于为每个客户“量身定制”最行之有效的服务，呈现客户事业领域的精彩独到之处，为产品及企业创造独特的品牌价值。</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- Add Scroll Bar -->
                                            <div class="swiper-scrollbar swiper-scrollbar-gundong ani"
                                                 swiper-animate-effect="fadeInUp"
                                                 swiper-animate-duration="1s" swiper-animate-delay="0.1s"></div>
                                        </div>

                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>

                        <div class="swiper-slide ges diers anislide">
                            <div class="ad_03">
                                <img src="./picture/ab_03.jpg" class="anis"/>
                                <img src="./picture/ic_idea.png" class="ic_idea ani anis"
                                     swiper-animate-effect="fadeInDown"
                                     swiper-animate-duration="1s" swiper-animate-delay="0.1s">
                                <div class="jias">
                                </div>

                            </div>
                            <div class="texts ani anis" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s"
                                 swiper-animate-delay="0.1s">
                                “量身定制”是先剑最核心的服务理念。每个品牌都有自身的个性和诉求，必须有针对性地沟通与满足，这正是先剑所擅长的。不做流水线，不做模版化，根据每个品牌的定位深度定制最精准有效的服务，是先剑一直以来的坚持。先剑始终相信“持之以恒
                                方可成帝”，在家居生活领域的数字化营销上精耕细作，力求为客户提供最到位的服务。
                                <div class="tits">
                                    - service idea
                                </div>
                            </div>

                            <div class="ad_00 ani anis" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s"
                                 swiper-animate-delay="0.1s">
                                <img src="./picture/ab_00.jpg"/>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- 服务理念 -->
        <div class="swiper-slide ait100 server_linian">
            <div class="fuwu">
                <div class="pingyi">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide conslide_0">
                            <div class="bac ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s"
                                 swiper-animate-delay="0.1s">
                                <div class="nums">01</div>
                                <div class="linss"></div>
                                <div class="title">新媒体代运营</div>
                                <div class="title_min">New media generation operation</div>
                                <div class="fuwu_cs"><img src="./picture/fuwu_cs.png"></div>
                            </div>
                        </div>

                        <div class="swiper-slide conslide_1">
                            <div class="bac ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s"
                                 swiper-animate-delay="0.3s">
                                <div class="nums">02</div>
                                <div class="linss"></div>
                                <div class="title">活动营销策划</div>
                                <div class="title_min">Event marketing planning</div>
                                <div class="fuwu_cs"><img src="./picture/fuwu_cs2.png"></div>
                            </div>
                        </div>
                        <div class="swiper-slide conslide_2">
                            <div class="bac ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s"
                                 swiper-animate-delay="0.6s">
                                <div class="nums">03</div>
                                <div class="linss"></div>
                                <div class="title">系统定制开发</div>
                                <div class="title_min">System custom development</div>
                                <div class="fuwu_cs"><img src="./picture/fuwu_cs3.png" alt=""></div>
                            </div>
                        </div>

                        <div class="swiper-slide anislide conslide_3">
                            <div class="bac ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s"
                                 swiper-animate-delay="0.9s">
                                <div class="nums">04</div>
                                <div class="linss"></div>
                                <div class="title">平面美术设计</div>
                                <div class="title_min">Graphic art design</div>
                                <div class="fuwu_cs"><img src="./picture/fuwu_cs4.png"></div>
                            </div>
                        </div>

                        <div class="swiper-slide anislide conslide_4">
                            <div class="bac ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s"
                                 swiper-animate-delay="1.2s">
                                <div class="nums">05</div>
                                <div class="linss"></div>
                                <div class="title">媒介资源推广</div>
                                <div class="title_min">Media resource promotion</div>
                                <div class="fuwu_cs"><img src="./picture/fuwu_cs5.png"></div>
                            </div>
                        </div>

                        <div class="swiper-slide anislide conslide_5">
                            <div class="bac ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s"
                                 swiper-animate-delay="1.5s">
                                <div class="nums">06</div>
                                <div class="linss"></div>
                                <div class="title">影视特效制作</div>
                                <div class="title_min">Film special effects</div>
                                <div class="fuwu_cs"><img src="./picture/fuwu_cs6.png"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 联系我们 -->
        <div class="swiper-slide ait100 aboutus lianxi_con">

            <div class="tops">
                <div class="hedi ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s"
                     swiper-animate-delay="0.1s">
                    先剑科技
                </div>
                <div class="hengxian ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s"
                     swiper-animate-delay="0.1s">
                </div>
                <div class="kongzhi ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s"
                     swiper-animate-delay="0.1s">
                    <span>广东省深圳市南山区沙河街道白石洲</span>
                </div>
            </div>
            <div class="ab_hd01 ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s"
                 swiper-animate-delay="0.5s">
                - About XianJian
            </div>
            <!-- 主体 -->
            <div class="zt ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s"
                 swiper-animate-delay="0.3s">
                <img src="./picture/xl_tit.png" alt="">
            </div>
            <div class="textt ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s"
                 swiper-animate-delay="0.3s">
                <p>致力于为每个客户“量身定制”最行之有效的服务，呈现客户事业领域的精彩独到之处，
                    为产品及企业创造独特的品牌价值</p>
                <br/>
                <p class="col333">如有任何合作需求请联系：</p>
                <p class="col333"><b>电话：</b>18888881688</p>
                <p class="col333"><b>邮箱：</b>520000766@qq.com</p>
                <br/>
                <p class="col333">我们的地址： 广东省深圳市南山区沙河街道白石洲东二坊25号</p>
                欢迎莅临探讨合作
                <br/>
            </div>
        </div>
        <!-- swiper-wrapper结束 -->
    </div>
</div>

<div class="fixd_wechat">
    <img src="./picture/wechat.png"/>
</div>
<script type="text/javascript" src="./js/common.js"></script>

<script>

</script>

</body>

</html>